@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.ttf");}
 @font-face { font-family: 'dincond-medium-webfont'; src: url('../font/dincond-medium-webfont.eot'); src: url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg'); }
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width: 1713px; min-width: 1130px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:100px; background-color:#fff;}
    #logo {position:absolute; top:28px; left: 1px; width:242px; height:57px; background:url(../images/header/logo.png) no-repeat 0 0; background-size:100%;}
    #nav {position:absolute; top:0; right: 219px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1 {width:90px;}
    #nav .n2, #nav .n3, #nav .n4, #nav .n5, #nav .n6, #nav .n7 {width:90px;}

    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight: bold; font-size:13px; line-height:100px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#f00; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5;height:100%; background:#fff;}

    #shop .change{display:inline-block;width:100px;height:100px;line-height:100px; text-align: center;font-size: 13px;border-left:1px solid #9B9B9B; border-right: 1px solid #9B9B9B;}
    #shop .change a:first-child{color:red;}
    #shop .contact,#shop .contact span{display:inline-block;width:108px;}
    #shop .contact{margin-left: 10px;}
    #shop .contact span:first-child{margin-bottom:4px;}

#content {position:relative; overflow:hidden; padding-bottom: 51px;}

/*#footer {height:70px; overflow:visible;  border-top:1px solid #e5e5e5;}*/
/*#footer .g-wrap {background:url(../img/temp/footer_bg.jpg) no-repeat right 0;}*/
#footer {position:relative; z-index:5; height:300px; background-color:#fff; color: #727171; border-top: 1px solid #BBBAB6;}
#footer_top {width: 1130px; margin: 0 auto; overflow: hidden;}
#footer_right {	width: 800px;	float: left;	padding-top: 46px;}
#footer_top dl {width: 160px;	float: left;}
#footer_top dt {font-size: 18px;	line-height: 60px;}
#footer_top dd {font-size: 14px;	line-height: 40px;}
#footer_left {width: 116px; float: left; background: #fff; margin-left: 30px; margin-right: 180px;}
#footer_left li {width: 116px; text-align: center; padding-top: 46px;}
#footer_left li p {line-height: 20px; font-size: 12px; text-align: center;}
#footer_search {margin-left: 373px; padding-top: 10px; padding-bottom: 45px;}
#footer_search p {font-size: 14px; line-height: 30px; color: red;}
#footer_search input {width: 324px; height: 41px; font-size: 14px; background-color: #DCDDDD;}
#footer_p {margin-left: 373px; font-size: 13px;}
#footer_p_p {line-height: 25px;}
